/* 头部样式 */
.user-header{position: fixed; z-index: 99999; top: 0; left: 0; width: 100%;}
.logo img {position: relative !important; width: auto!important; height: 36px !important;}
.user-header-info{position: relative; margin-top: 66px; height: 220px; background: url(../img/bg.jpg) no-repeat top center; background-size: cover; color: #fff;}
.user-header-info a{color: #fff; }
.user-body{position: relative; box-sizing: border-box;}
.user-main{ margin-left: 20px !important;}
/* 会员首页头像 */
.user-img{position: relative; margin: 0 auto; width: 80px; height: 80px;border-radius: 50%;overflow: hidden; background: #fff;}
.user-img i{position: absolute; top: 100px; z-index: 99; color: #fff; font-size: 22px !important;transition: all 0.3s ease; -webkit-transition: all 0.3s ease; opacity: 0;}
.user-img:hover i{top: 50%; opacity: 1;}
.user-img img{width: 80px;}
.user-img:hover{cursor: pointer;}
.user-img:hover::after{content: '';position: absolute;left: 0; top: 0; width: 100%;height: 100%;background: #000; opacity: 0.2;}

/* 公共样式 */
html,body{background: #f3f5f8 !important;}
.text-blue{color: #0096FF;}
.item-info i{margin-right: 5px; border-radius: 50%; padding:3px; font-size: 14px;}
.layui-btn-danger { background-color: #e11f28;}
.layui-table img {
	width: 140px !important;
	max-width:  140px !important;
	height: 100px !important;
}
.seller td{border: none;}
.layui-table tr:last-child td{border: none;}
.layui-form-checked[lay-skin=primary] i {border-color: #0096ff!important;background-color: #0096ff;}
input[type="checkbox"]{width: 16px; height: 16px;}	
input[type="checkbox"]:hover{cursor: pointer;}

/* 用户登录 */
.login-box{position: relative;width: 100%; height: 585px;}
.login-box .layui-container{position: relative; height: 585px;}
.login-main{width: 340px; right: 0; background: rgba(255,255,255,1); border-radius: 4px;}

/* 用户注册 */
.register-box{position: relative;width: 600px; margin: 0 auto; }
.layui-form-label{width: 90px;}

/* 左侧菜单 */
.layui-nav{background: #fff; position: relative;}
.layui-nav .layui-nav-item> a{color: #2b3037;  height: 50px;line-height: 50px;}
.layui-nav .layui-nav-item>.layui-this a,.layui-nav-tree .layui-this a{background: #0096ff !important; color: #fff !important;}
.layui-nav .layui-nav-item> a:hover{background: rgba(0,150,255,0.1);color: #0096ff;}
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover {background-color: #0096ff;color: #fff !important;}
.layui-nav .layui-nav-item> a:hover .layui-nav-more { border-color: #fff transparent transparent !important;}
.layui-nav .layui-nav-more{border-color:#9AAABA transparent transparent}
.layui-nav .layui-nav-item .layui-icon{color: #0096ff !important; position: initial;top: auto; margin: 0;}
.layui-nav-itemed a{color: #2b3037 !important;}
.layui-nav-itemed>.layui-nav-child{background:transparent!important}
.layui-nav-itemed>.layui-nav-child a{background: transparent; color: #2B3037;}
.layui-nav-tree .layui-nav-bar{background: #0096FF; width: 3px !important;}
.layui-nav .layui-nav-item> a i{font-size: 18px;}
.layui-nav-child dd {padding-left: 20px;}

.layui-table td, .layui-table th{padding: 10px !important;}
.account-box{background: rgba(0,150,255,0.05);color: #0096ff; padding: 30px;}

.news-list li{ line-height: 30px;}
.news-list li a{color: #6c727a;}
.news-list li a:hover{color:#2b3037;}

/* 通用TAB样式 */
.layui-tab {background: #f3f5f8 !important; border: none;}
.layui-tab-title{height: 50px; background: #fff;}
.layui-tab-title li{line-height: 50px;font-size: 16px;}
.layui-tab-title .layui-this,.layui-tab-title .layui-this a{color: #0096ff !important; font-weight: bold; }
.layui-tab-title .layui-this:after{height: 50px; border-color: #0096ff!important;}

/* 实名认证 */
.uploadimg-display {width: 100%;  display: none;}
.layui-upload-drag{position: relative; padding: 0;  width: 100%; height: 180px;background: #fdfdfd ;}
.layui-upload-drag:hover{cursor: pointer; background: #f3f5f8 ;}
.layui-upload-drag .info-tips{ position: absolute; z-index: 0;}
.layui-upload-drag i{ color: #e1e7ef !important;}
.layui-upload-drag img{z-index: 2;}
.imgInput{position: absolute;width: 100%; height: 100%;left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer;z-index: 2;}
.imgInput:hover{cursor: pointer !important;}


/* 设置头像 */
#select-file-outter{position: relative;}
.update-img-box{position: fixed; left: 0; top: 0; z-index: 9999;background: rgba(0,0,0,0.6);width: 100%; height:100%; display: none; }
.update-img{background: #fff; padding:30px; width: 600px; height: 520px; }
.update-img img{max-height: 400px;}


.passwd-retrieve{max-width: 460px; margin: 0 auto;}

.goods-list .img-box-xs{width: 140px; height: 100px;}
.goods-list .img-box-xs img{width: 100%; height: 100%;}
.goods-list li{border-bottom: solid 1px #eee; padding: 15px 0;}
.goods-list li:last-child{border: none;}
.layui-laypage-curr{background: #0096FF !important;color: #fff !important;}

/**开放平台***/
.seller-box{position: relative; margin: 0 auto; }
.seller-box .span1{background-size:cover;}
.seller-box .content{height: 360px; }
.seller-box .span1 *{transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.seller-box .span1 i{font-size: 36px; color: #0096FF; border: solid 2px #eee; width: 80px; height: 80px; line-height: 80px; display: inline-block;border-radius: 50%;text-align: center;}
.seller-box .span1 p{ margin-top: 30px; font-size: 12px;color: #8b94a2;}
.seller-box .span1 a{display: block; margin-top: 30px; color: #0096ff; border: solid 1px #0096ff;line-height: 45px;}
.seller-box .span1 a:hover{background: #007AFF;border-color: #007AFF; color: #fff;}
.seller-box .span1 p,.seller-box .span1 a{ display: inherit;}
.seller-box .span1:hover{cursor: pointer;}
.seller-box .span1:hover>div{ transform: translateY(-10px);-webkit-transform: translateY(-10px); box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.seller-box .span1:hover i{background: #0096ff; color: #fff; border-color: #0096ff;}

/**完善资料***/
.settle-wrap .layui-form-label{ width: 180px;}
.settle-wrap .layui-input-block{width: 590px;margin-left: 180px;}
.settle-wrap .layui-form-item{margin-bottom: 30px;}
.step{margin-bottom: 40px;width:100%;overflow: hidden;text-align: center;font-size: 0;}
.step-item{display: inline-block;width:210px;height:35px;line-height: 36px;margin-right: 10px;color:#fff;font-size:16px;text-align: left;background: #ccc;border-radius: 4px;cursor: default;}
.step-item.light{background: #0096ff;}
.step-item span{display: inline-block;margin-right: 30px;width:52px;text-align: center;background: url("../img/arrow.png") no-repeat right 0;}

.info-title{font-size: 16px;color: #333;border-bottom: 1px dashed #dfdfdf;line-height: 36px;font-weight: 700;}
.info-title:before {content: "";display: inline-block;width: 4px;height: 16px;margin-right: 5px;background: #0096ff;vertical-align: text-top; border-radius: 4px;}

.layui-upload-list{margin: 0 auto;}

.layui-upload-img{max-width: 100%; height: 120px;}
.photo-bak{width: 100%; height: 120px;
    box-sizing: border-box;
    border: 1px dashed #dfdfdf;
    background: #f8f8f8;
    border-radius: 2px;
    line-height: 120px;
    text-align: center;
    font-size: 12px;
    color: #ccc;
	overflow: hidden;
}

.layui-card-header {
	position: relative;
	height: 80px !important;
	line-height: 80px !important;
	font-size: 18px;
	font-weight: bold;	
	padding: 0px 30px !important;
}


/* 步骤条 */
.state{position: relative; width: 600px; height: 40px;  margin:0px auto 30px auto;}
.state ul li{float: left; text-align: center; position: relative; width: 150px;}
.state ul li>*{position: relative; z-index: 2;}	
.state ul li::after{position: absolute; left: 65px; top: 13px; content: ''; width: 100%;height: 3px; background: #d5d5d5; z-index: 1!important;}
.state ul li i{display: inline-block; background: #d5d5d5;color: #fff; width: 26px; height: 26px; text-align: center; line-height: 26px; border-radius: 50%;}
.state ul li p{font-size: 12px; margin-top:5px ;}
.state ul li.on i{background: #e11f28 !important;}
.state ul li.on p{ font-weight: bold;}
.state ul li.on::after{background: #e11f28 !important;}
.state ul li:last-child::after{display: none;}


/* 公共底部 */
.footer{position: relative;text-align: center; line-height: 30px; font-size: 12px; color:#ccc;background: rgba(0,0,0,0.9);}
.footer a{color: #ccc; margin: 0 5px; border-right: solid 1px #585858; padding-right: 10px;}
.footer a:last-child{border: none;}



@media screen and (min-width: 1200px){

}


@media only screen and (max-width: 1024px){
	.layui-container {width: 100%;}

}

@media only screen and (max-width: 768px){


}
@media only screen and (max-width: 415px){
	
}

@media only screen and (max-width: 320px){

	

}